<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品页面头部</title>
    <link rel="stylesheet" type="text/css" href="../css/common/ShopHeader.css">
</head>
<body>
<header>
    <p class="locationfor">送货至：四川 <span class="rightInfo">你好！请登录
        <a href="#" class="register">免费注册</a>
        | 我的订单 |  收藏夹 <img src="../images/t_arrow.gif" alt="向下箭头">&nbsp;&nbsp;客户服务&nbsp;<img src="../images/t_arrow.gif"
                                                                                             alt="向下箭头">&nbsp;&nbsp;网站导航&nbsp;<img
                src="../images/t_arrow.gif" alt="向下箭头">
        | 关注我们：<img src="../images/sh1.png" alt="新浪微博">&nbsp;&nbsp;<img src="../images/sh2.png"
                                                                        alt="微信"> | 手机版&nbsp; <img
                src="../images/s_tel.png" alt="手机图标"></span>
    </p>
    <!-- 搜索框 -->
    <div class="searchKuang">
        <p>
            <img src="../images/logo.png" alt="LOGO">
            <input type="text" placeholder="请输入关键字"
            ><input type="button" value="搜索">
            <input type="button" value="购物车" class="shopcar">
        </p>
        <ul class="solarTitle">
            <li>咖啡</li>
            <li>iphone 6s</li>
            <li>新鲜美食</li>
            <li>蛋糕</li>
            <li>日用品</li>
            <li>连衣裙</li>
        </ul>
    </div>
    <!-- 导航条菜单 -->
    <ul class="shopS">
        <li><b>全部商品分类</b></li>
        <li style="color: #ff3c3c;">首页</li>
        <li style="color: #ff3c3c;">自营超市</li>
        <li>1号团</li>
        <li>1号超市</li>
        <li>女装</li>
        <li>美妆</li>
        <li>1号海沟</li>
        <li>团购</li>
        <li style="float: right;color: #968d8b;font-size: 0.9em;"><img src="../images/nav9.png" alt="手机带色图标">&nbsp;&nbsp;手机下单惊喜多！
        </li>
    </ul>
</header>
</body>
</html>